<template>
  <el-row class="topfix" type="flex" align="middle">
    <el-col :span="5" :offset="3">最新公告：</el-col>
    <el-col :span="6" :offset="3">
      <el-carousel height="50px" direction="vertical" :autoplay="true" :interval=4000>
        <el-carousel-item v-for="item in 3" :key="item">
          <h3 style="line-height:50px">{{news[item] }}</h3>
        </el-carousel-item>
      </el-carousel>
    </el-col>
    <el-col :span="4" :offset="6" :md="6" :sm="8" :xs="8">2019-09-08 &nbsp&nbsp 更多</el-col>
  </el-row>
</template>

<script>
export default {
        data(){
                return{
                        news:["最新公告1","最新公告2","最新公告3","最新公告1"]
                }
        }
};
</script>

<style scoped>
.topfix {
    overflow: hidden;
  height: 50px;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  margin: 10px 0;
  background-color: #ffffff;
}
</style>